<template>
  <div class="header">
      <img src="@/assets/logo-font.png" alt="Cartoonist" class="logo-font">
  </div>
</template>

<script>
export default {

}
</script>

<style>
/* 头部栏的底色 */
.header{
  
  background-color: rgb(255, 213, 21);
  width: 100%;
  box-shadow:  3.3px 6.6px 6.6px hsl(0deg 0% 0% /0.20);
  height: 10%;
}
/* cartoonist的字体 */
.logo-font{
  margin-left: 8%;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 50px;
}

</style>